import SiteYellItem from "@/app/[language]/site/components/SiteYellItem";
import { OnSiteYellInput } from "@/app/[language]/site/type";
import { useSiteStore } from "@/store/Stores";
import { observer } from "mobx-react-lite";

export default observer(
  ({ onSiteYellInput }: { onSiteYellInput: OnSiteYellInput }) => {
    const { siteYells } = useSiteStore();

    return (
      <>
        {siteYells.map((siteYell) =>
          siteYell ? (
            <SiteYellItem
              key={siteYell.siteYellID}
              data={siteYell}
              onSiteYellInput={onSiteYellInput}
            />
          ) : null,
        )}
      </>
    );
  },
);